<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <title>Login Sistem Informasi Akademik</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    
<link rel="shortcut icon" href="<?php echo base_url();?>asset/images/favicon.png"> 
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/font-awesome.css" />  
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/pages/font.css" />

<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/style.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/css/pages/signin.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/popup/style.css" />	

<script src="<?php echo base_url();?>asset/login/js/modernizr.custom.63321.js"></script>
<script src="<?php echo base_url();?>asset/login/js/jquery-1.7.2.min.js"></script>
<script src="<?php echo base_url();?>asset/login/js/bootstrap.js"></script>
<script src="<?php echo base_url();?>asset/login/js/signin.js"></script>

</head>

<body>

<style type="text/css">
		#fm<?=$objectId;?>{
			margin:0;
			padding:10px 30px;
		}
		.ftitle{
			font-size:14px;
			font-weight:bold;
			color:#666;
			padding:5px 0;
			margin-bottom:10px;
			border-bottom:1px solid #ccc;
		}
		.fitem{
			margin-bottom:5px;
		}
		.fitem label{
			display:inline-block;
			min-width:30px;
		}
		
	  .fsearch{
		background:#fafafa;
		border-radius:2px;
		-moz-border-radius:0px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
		margin-bottom:0px;
		border: 1px solid #C5C5C5;
	    color: #15428B;
	    font-size: 12px;
	    position: relative;
	  }
	  .fsearch div{
		background:url('<?=base_url();?>public/css/themes/gray/images/panel_title.gif') repeat-x;
		height:200%;
		border-bottom: 1px solid #99BBE8;
		color:#15428B;
		font-size:10pt;
		text-transform:uppercase;
	    font-weight: bold;
	    padding: 3px 5px 0px 5px;
	    position: relative;
	  }
	  .fsearch table{
	    padding: 8px;
	  }
	  .fsearch label{
		display:inline-block;
		width:60px;
	  }
		.fitemArea{
			margin-bottom:5px;
			text-align:left;
			/* border:1px solid blue; */
		}
		.fitemArea label{
			display:inline-block;
			width:84px;
			margin-bottom:5px;
		}
		
		
		.tbl {
			width: 100%;
			padding: 0;
			margin: 0;
		}
		
		.tbl th{
			font: normal 12px;
			color: #4f6b72;
			border-right: 1px solid #C1DAD7;
			border-bottom: 1px solid #C1DAD7;
			border-top: 1px solid #C1DAD7;
			border-left: 1px solid #C1DAD7;
			/*text-align: left;*/
			padding: 2px 2px 3px 4px;
			margin:0;
			background: #CAE8EA url(<?=base_url();?>asset/images/th.png) repeat-x;
		}
		
		.tbl td{
			border-right: 1px solid #C1DAD7;
			border-left: 1px solid #C1DAD7;
			border-top: 1px solid #C1DAD7;
			border-bottom: 1px solid #C1DAD7;
			padding: 3px 3px 3px 5px;
			margin:0;
		}
		
		.tbl tr{
			margin:0;
		}
	</style>
	
	<div class="navbar navbar-fixed-top">
	
	<div>
		
		<div class="container">
			
			<!--<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>-->
			
			<!--<a class="brand" href="index.html">
				Bootstrap Admin Template				
			</a>-->		
			<br> </br>
			<div >		
				<center><img src='<?php echo base_url();?>asset/login/img/logo.png' alt='stmik bandung'/></center>
				<h1><center>Selamat Datang</center></h1>
				<h3><center>Sistem Informasi Akademik </center></h3>
				<h4><center>Sekolah Tinggi Manajemen dan Informatika Bandung</center></h4>
			</div>
			
			<!--<div class="nav-collapse">
				<ul class="nav pull-right">
					
					<li class="">						
						<a href="signup.html" class="">
							Don't have an account?
						</a>
						
					</li>
					
					<li class="">						
						<a href="index.html" class="">
							<i class="icon-chevron-left"></i>
							Back to Homepage
						</a>
						
					</li>
				</ul>
				
			</div><!--/.nav-collapse -->	
	
		</div> <!-- /container -->
		
	</div> <!-- /navbar-inner -->
	
</div> <!-- /navbar -->


<div class="account-container">
	
	<div class="content clearfix">
		
		<form action="<?=base_url()?>auth/login_proses" method="post">
		
			<h1>Login</h1>		
			
			<div class="login-fields">
				
				<p>Silahkan Login Untuk Mengakses Aplikasi</p>
				
				<div class="field">
					<label for="username">Username</label>
					<input type="text" id="username" name="username" value="" placeholder="Username" class="login username-field" />
				</div> <!-- /field -->
				
				<div class="field">
					<label for="password">Password:</label>
					<input type="password" id="password" name="password" value="" placeholder="Password" class="login password-field"/>
				</div> <!-- /password -->
				
			</div> <!-- /login-fields -->
			
			<div class="login-actions">
				
				<span class="login-checkbox">
					<input id="Field" name="Field" type="checkbox" class="field login-checkbox" value="First Choice" tabindex="4" />
					<!--<label class="choice" for="Field">Kembali</label>-->
					<a href="<?=base_url()?>portal">Kembali</a>
				</span>
									
				<button class="button btn btn-success btn-large">Sign In</button>
				
			</div> <!-- .actions -->
			
			
			
		</form>
		
	</div> <!-- /content -->
	
</div> <!-- /account-container -->



<div class="login-extra">
	<br>		
		<center><a href="#popup">Keterangan !</a></center>
		<!--<p><b>	Keterangan :</b></p>	
		<p align="justify">- User Name dan Password yang digunakan adalah Account User Name dan Password internet. 
			Jika belum memiliki Akun &nbsp;&nbsp;&nbsp;Internet, silahkan mendaftar dengan cara mengisi form berikut, 
			Form Register dan melakukan aktivasi di Direktorat TIK atau &nbsp;&nbsp;&nbsp;Bagian TIK di Kampus Daerah. </p>
		<p align="justify">- &nbsp;Jika sudah selesai, <b>pastikan anda menekan tombol Logout</b>, kelalaian anda dapat merugikan anda sendiri. </p>-->
</div> <!-- /login-extra -->

</body>

</html>

<html>
	<head>
		<title>Keterangan Login </title>
		<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>asset/login/popup/style.css" />		
	</head>
	<body>
		
		<div id="popup">
			<div class="window">
				<a href="#" class="close-button" title="Close">X</a>
				<h1>Keterangan !</h1>
				<br>
				<p align="justify">- &nbsp;&nbsp;User Name dan Password yang digunakan adalah Account <b>User Name dan Password</b> SIAKAD.<br/>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jika &nbsp;belum &nbsp;memiliki &nbsp;Akun, &nbsp;silahkan &nbsp;mendaftar &nbsp;di &nbsp;bagian &nbsp;Akademik kampus. Registrasi dan<br/>
					 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;aktivasi dapat dilakukan di bagian Akademik atau Bagian TIK di Kampus.<br/>
					- &nbsp;&nbsp;Jika &nbsp;sudah &nbsp;selesai, <b>pastikan &nbsp;anda menekan tombol Logout</b>. kelalaian anda dapat merugikan<br/> 
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;anda sendiri. <br/>
				<br>
				<i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Terima Kasih</i>
				<center>Untuk menutup jendela ini, klik tombol close di kanan atas</center></p>
			</div>
		</div>
	</body>
</html>
